const path = require('path');

module.exports = {
    entry: {
        idx: './src/idx.js'
    },
    output: {
	filename: '[name].[chunkHash].js',
	path: path.resolve(__dirname, './dist/'),
        publicPath: './dist/',
    },
    module: {
        rules:[
	    {
		test: /\.css$/,
		use:[{
		    loader: 'style-loader'
		},{
		    loader: 'css-loader'
		}]
            },{
		test: /\.(png|jpg|jpeg)$/,
		use: [
		/*
		    {
		    loader: 'file-loader',
                    options: {
                        //publicPath: 'aaa', // 当index.html在根目录下可以指定这个如果指定了这个会替换原来默认的 /dist/assets了变为aaa/图片,这个会覆盖外边的那个publicPath
                        publicPath: '', // 设定这个就是 外边的/dist/+useRelativePath的相对目录assets/+文件。配置浏览位置
                        // 下面和两个配置输出目录
			outputPath: './dist/', // 直接指定输出目录 注意如果 assets/img 这样写是基于外层的output 这里写的都是基于外层的
			useRelativePath: true // 打包的时候带上相对的目录 assets/.... 打包后我们发现图片放到dist下面的assets了 引用文件的上层目录注意如果用了这个文件配置，比如像postcss-sprites html-loader这些又处理文件生成文件的插件可能造成生成目录错误，需要拿掉它。原因是从不同目录引用图片层级不同。
		    }
		}*/
		{
		    loader: 'url-loader',
		    options: {
			// 这里的配置和上面那个差不多
                        useRelativePath:true,
			limit: 190 // 大于这个字节就保留小于这个字节就转base64
                        // 除了这个limit可以转base64其它和file-loader一样的
		    }
		}
		]
	    }
       ]
    }
}
